إضافة أداة الساعة مع التاريخ واليوم على بلوجر

أداة الساعة مع التاريخ واليوم على بلوجر

مرحبا بيك 

إذا كنت تبحث عن كيفية إضافة ساعة رقمية في أداة Blogger، فهذه التدوينة مخصصة لك فقط

لذا سنناقش اليوم إضافة ساعة رقمية مع أداة التاريخ والوقت في مدونة Blogger. يمكنك إضافة هذه الأداة أو استخدامها في مدونتك التجريبية لأنني أعتقد أنها ستؤدي إلى إبطاء تحميل الموقع قليلاً.

                             المعاينه

                       معاينه الاضافه

خطوات التركيب 

الخطوة 1: قم بتسجيل الدخول إلى لوحة تحكم Blogger الخاصة بك.

الخطوة 2: انتقل إلى قسم التخطيط.

الخطوة 3: انقر فوق "إضافة أداة". ستظهر نافذة منبثقة.

الخطوة 4: الآن انقر فوق HTML/JavaScript .

الخطوة 5: انسخ الرموز أدناه ( Css، HTML، JavaScript ) وألصقها في قسم المحتوى واترك العنوان فارغًا

<style>.ta-time{text-align:center;}

#ta-hour{font-weight:400;display:block;font-size:30px;margin: 0 0 5px;letter-spacing:5px;}</style>

<div class="ta-time">

  <span id="ta-hour"></span>

  <span id="ta-date"></span>

</div>

<script>var myVar = setInterval(function() {

    myTimer()

}, 1000);

function myTimer() {

    var d = new Date();

    var t = d.toLocaleTimeString();

    document.getElementById("ta-hour").innerHTML = t;

}

n = new Date();

if (n.getTimezoneOffset() == 0) t = n.getTime() + (7 * 60 * 60 * 1000);

else t = n.getTime();

n.setTime(t);

var dn = new Array("الاحد ", "الاثنين ", "التركيب ", "الاربعاء ", "الخميس ", "الجمعه ", "السبت ");

d = n.getDay();

m = n.getMonth() + 1;

y = n.getFullYear()

var date = dn[d] + ", " + (n.getDate() < 10 ? "0" : "") + n.getDate() + "/" + (m < 10 ? "0" : "") + m + "/" + y;

document.getElementById("ta-date").innerHTML = date;</script>

الخطوة 6: الآن انقر على زر الحفظ.

                       خاتمه

 

لتقدير أعمالنا، ضع في اعتبارك الاحتفاظ بالتقديرات في الأكواد. لا نسمح بإعادة كتابة هذا المنشور بأي شكل من الأشكال. لا تنسخ هذا المنشور أو الأكواد أو أي جزء من هذه المقالة دون إذن، فهذا ممنوع تمامًا. إذا فعلت ذلك، فسيتم اتخاذ الإجراءات القانونية.

الانتقال إلى الرابط المطلوب

معلومات الكاتب

مصمم

اديب القربعي كنز المعلومات

اضافات اكواد قوالب تحسين محركات البحث مدونات بلوجر